html,
body{height: 100%;}
/* header */
.header{position: fixed; top: 0; width: 100%; z-index: 100; height: 0.9rem; line-height: 0.9rem; background-color: #fff;}
.header.fix{-webkit-box-shadow: 0 0 8px #027ed4; box-shadow: 0 0 8px #027ed4;}
.header .logo{display: block;}
.header .logo img{height: 0.5rem;}
.header .nav a{font-size: 0.18rem; color: #333; display: block;}
.header .nav a:hover{color: #027ed4;}
.header .nav .item{float: left; margin-left: 0.5rem; position: relative; padding: 0 0.1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .nav .item:before,
.header .nav .item:after{content: ''; position: absolute; top: 50%; width: 0; height: 1px; background-color: #027ed4; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.header .nav .item:before{left: -0.32rem;}
.header .nav .item:after{right: -0.32rem;}
.header .nav .item:hover .link,
.header .nav .item.on .link{color: #027ed4;}
.header .nav .item:hover:before,
.header .nav .item.on:before,
.header .nav .item:hover:after,
.header .nav .item.on:after{width: 0.32rem;}
.header .nav .item .sub-nav{position: absolute; top: 0.9rem; left: 50%; z-index: 10; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-align: center; display: none; background-color: #fff; border: 1px solid #eee; border-top: 0;}
.header .nav .item .sub-item{white-space: nowrap; width: auto; line-height: 0.5rem; padding: 0 0.2rem;}
.header .menu{width: 0.4rem; height: 0.35rem; display: none; margin-top: 0.3rem; cursor: pointer; background: url(../images/menu-icon.png) no-repeat center center / 0.4rem 0.35rem;}
/* com-page */
.com-page{width: 100%; padding-top: 0.9rem;}
.com-page .in-nav-focus .swiper-wrapper{justify-content: left !important;}
/* banner */
.banner{width: 100%; height: 100%; padding-top: 0.9rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner .banner-box{width: 100%; height: 100%; overflow: hidden;}
.banner .swiper-slide{width: 100%; height: 100%; float: left; background-position: center; background-size: 100% 100%; background-size: cover; background-repeat: no-repeat;}
.banner .swiper-pagination{padding: 0 1rem; bottom: 0.4rem; font-size: 0; line-height: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 0.18rem; height: 0.18rem; opacity: 1; padding: 7px; position: relative; margin: 0 0.08rem; background-color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; outline: none;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #027ed4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 0.6rem; -webkit-border-radius: 1rem; border-radius: 1rem;}
.banner .banner-num{width: 100%; font-size: 0; text-align: center; position: absolute; bottom: 6px; left: 0;}
.banner .banner-num li{width: 60px; height: 4px; background-color: #333; display: inline-block; margin: 0 12px; cursor: pointer;}
.banner .banner-num li.active{background-color: #027ed4;}
/* in-banner */
.in-banner{height: 4.93rem;}
.in-banner .swiper-slide{width: 100%; height: 100%; float: left; background-position: center; background-size: 100% 100%; background-size: cover; background-repeat: no-repeat;}
/* com-title */
.com-title{text-align: center; padding-top: 1.2rem; font-size: 0.16rem; color: #333;}
.com-title .tit{color: #027ed4; font-size: 0.48rem; font-weight: bold; margin-bottom: 0.3rem; display: inline-block; line-height: 1;float: none;}
.com-title .des{padding: 0 0.2rem;}
.home .in-title{margin: 0.65rem 0 0.85rem; padding: 0;}
.home .in-title .swiper-container{margin-right: 0;}
.home .in-title .in-nav-focus{width: 100%; margin-top: 0;display: block;}
.in-title .swiper-wrapper{flex-wrap: wrap;}

/* recommend */
.recommend .rec-box{width: 100%; height: 7.14rem; position: relative; margin-top: 0.9rem;}
.recommend .rec-l{width: 12.76%; height: 100%; position: absolute; top: 0; left: 0; border-bottom: 1px solid #dedede; background-color: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.recommend .rec-l .swiper-container{height: 6.12rem;}
.recommend .rec-l .swiper-slide{line-height: 1.02rem; height: 1.02rem; display: block; text-align: center; position: relative; 
    font-size: 0.2rem; color: #333; border-top: 1px solid #dedede;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.recommend .rec-l .swiper-slide-thumb-active{background-color: #027ed4; color: #fff; border-color: #027ed4;}
.recommend .rec-l .btn{width: 100%; height: 1.02rem; border-top: 1px solid #dedede; position: relative; cursor: pointer; top: auto; right: 0; margin-top: 0; outline: none; background-image: none;}
.recommend .rec-l .btn:before{content: ''; position: absolute; top: 50%; left: 50%; margin-left: -0.12rem; margin-top: -0.12rem; width: 0.25rem; height: 0.25rem; background: url(../images/rec-arrow.png) no-repeat center center / 0.25rem 0.25rem;}
.recommend .rec-r{width: 100%; height: 100%; padding-left: 12.76%;}
.recommend .rec-r .swiper-container{height: 100%;}
.recommend .rec-r .item{height: 100%;}
.recommend .rec-r .item .img{width: 51.34%; height: 100%; position: absolute; top: 0; left: 0;}
.recommend .rec-r .item .img img{width: 100%; height: 7.14rem;}
.recommend .rec-r .item .swiper-pagination{padding-left: 51.27%; bottom: 1.35rem;}
.recommend .rec-r .item .swiper-pagination-bullet{background-color: #908d8d; opacity: 1; width: 0.12rem; height: 0.12rem; margin: 0 0.06rem; outline: none;}
.recommend .rec-r .item .swiper-pagination-bullet-active{background-color: #027ed4;}
.recommend .rec-r .item .more{border: 1px solid #d9d9d9; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; color: #fff; margin-top: 0.6rem; display: inline-block; width: 1.58rem; height: 0.46rem; line-height: 0.46rem;}
.recommend .rec-r .item .more:hover{color: #027ed4; border-color: #027ed4;}
.recommend .rec-r .text{width: 100%; height: 100%; background-color: #141414; color: #fff; text-align: center; padding: 1.9rem 2rem 0 61.5%;}
.recommend .rec-r .text .tit{font-size: 0.36rem; margin-bottom: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recommend .rec-r .text .des{font-size: 0.24rem; color: #cecece; margin-bottom: 0.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recommend .rec-r .text .info{font-size: 0.16rem; color: #bcbcbc; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* product */
.product{padding-bottom: 1rem;}
.product .com-more{margin-top: 0.7rem;}
.com-more{width: 1.58rem; height: 0.46rem; line-height: 0.46rem; text-align: center; font-size: 0.2rem; color: #c2c1c1; border: 1px solid #d9d9d9; display: block; margin: 0 auto; -webkit-border-radius: 0.4rem; border-radius: 0.4rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.com-more:hover{border-color: #027ed4; color: #027ed4;}
.product-list{margin-left: -1.3%;}
.product-list .item{width: 23.7%; margin-left: 1.3%; float: left; display: block; border: 1px solid #f1f1f1; -webkit-box-shadow: 0 0 9px rgba(64, 64, 64, 0.15); box-shadow: 0 0 9px rgba(64, 64, 64, 0.15); margin-bottom: 0.3rem; overflow: hidden;}
.product-list .item:hover .jqthumb{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.product-list .item:hover .txt{color: #027ed4;}
.product-list .item .jqthumb{width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.product-list .item .img{width: 100%; height: 3.8rem; overflow: hidden;}
.product-list .item .txt{line-height: 1rem; font-size: 0.24rem; color: #5c5c5c; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0.2rem;}
/* case */
.case{background-color: #f3f3f3; padding-bottom: 1rem;}
.case .case-focus{margin-top: 0.8rem; position: relative; margin-bottom: 0.7rem;}
.case .swiper-slide{width: 31.94%; float: left; display: block; position: relative;}
.case .swiper-slide .img{width: 100%; height: 5.68rem;}
.case .swiper-slide .txt{position: absolute; width: 100%; bottom: 0; left: 0; line-height: 0.8rem; background-color: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; font-size: 0.24rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0.2rem;}
.case .case-prev,
.case .case-next{outline: none;}
.case .swiper-container{padding-bottom: 1rem;}
.case .case-btn{bottom: 0; outline: none;}
.case .swiper-pagination-bullets .swiper-pagination-bullet{width: 0.2rem; height: 0.2rem; background-color: #d3d2d2; opacity: 1; margin: 0 0.1rem;}
.case .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #027ed4;}
.case .swiper-button-next,
.case .swiper-button-prev{width: 0.24rem; height: 0.41rem; background: url(../images/case-btn.png) no-repeat; background-size: 0.48rem; margin-top: -0.7rem;}
.case .swiper-button-prev{left: 8.85%;}
.case .swiper-button-next{right: 8.85%; background-position: -0.24rem 0;}
/* news */
.news{padding-bottom: 1rem;}
.news .h-news{margin-bottom: 0.9rem;}
.news .swiper-slide{width: 31.94%; float: left; display: block; position: relative;}
.news .swiper-slide .img{width: 100%; height: 2.96rem;}
.news .swiper-slide .text{margin-top: 0.4rem; color: #666;}
.news .swiper-slide .tit{font-size: 0.22rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news .swiper-slide .des{font-size: 0.16rem; color: #7a7a7a; line-height: 0.24rem; margin: 0.35rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .swiper-slide .time{border-top: 1px solid #eaeaea; padding-top: 0.3rem; font-size: 0.2rem;}
.news .news-prev,
.news .news-next{outline: none; display: none;}
.news .swiper-button-next,
.news .swiper-button-prev{width: 0.24rem; height: 0.41rem; background: url(../images/case-btn.png) no-repeat; background-size: 0.48rem; margin-top: -0.7rem;}
.news .swiper-button-prev{left: 8.85%;}
.news .swiper-button-next{right: 8.85%; background-position: -0.24rem 0;}
/* about */
.about .ad{width: 50.26%; height: 4.05rem;}
.about .text{width: 49.74%; background-color: #027ed4; color: #fff; height: 4.05rem; padding: 0.6rem 2.35rem 0.6rem 0.6rem; font-size: 0.14rem;}
.about .text .tit{font-size: 0.48rem; font-weight: bold; margin-bottom: 0.4rem;}
.about .text .des{line-height: 0.24rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.about .text .link{border: 1px solid #d9d9d9; line-height: 0.45rem; width: 1.58rem; text-align: center; display: block; color: #fff; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; margin-top: 0.5rem;}
/* link-focus */
.link-focus{margin: 0.9rem 0;display: none;}
.link-focus .swiper-container{margin-left: -1.73%; margin-right: -1.73%;}
.link-focus .swiper-slide{width: 25%; height: 1.6rem; position: relative; padding: 0 1.73%;}
.link-focus .swiper-slide img{width: 100%; height: 1.6rem;}
.link-focus .swiper-slide .jqthumb{border: 1px solid #ededed;}
.link-focus .swiper-slide .jqthumb:before,
.link-focus .swiper-slide .jqthumb:after{content: ''; position: absolute; z-index: 5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.link-focus .swiper-slide .jqthumb:before{width: 100%; border-left: 2px solid #027ed4; border-right: 2px solid #027ed4; height: 0; top: 50%;}
.link-focus .swiper-slide .jqthumb:after{width: 0; border-top: 2px solid #027ed4; border-bottom: 2px solid #027ed4; height: 100%; left: 50%; top: 0;}
.link-focus .swiper-slide .jqthumb:hover:before{height: 100%; top: 0;}
.link-focus .swiper-slide .jqthumb:hover:after{width: 100%; left: 0;}
.link-focus .link-prev,
.link-focus .link-next{outline: none;}
.link-focus .swiper-button-next,
.link-focus .swiper-button-prev{width: 0.24rem; height: 0.41rem; background: url(../images/case-btn.png) no-repeat; background-size: 0.48rem; margin-top: -0.2rem;}
.link-focus .swiper-button-prev{left: 8.85%;}
.link-focus .swiper-button-next{right: 8.85%; background-position: -0.24rem 0;}
/* footer */
.footer{background-color: #141414; padding-top: 0.8rem; font-size: 0.2rem; color: #d3d1d1;}
.footer .items{padding-bottom: 0.6rem; border-bottom: 1px solid #414141;}
.footer .address{width: 40.27%;}
.footer .contact img{width: 1.44rem; height: 1.44rem; margin-right: 0.4rem; float: left;}
.footer .contact img:last-child{margin-right: 0;}
.footer .name{font-size: 0.24rem; margin-bottom: 0.32rem; line-height: 1;}
.footer .des{opacity: 0.5; line-height: 0.4rem;}
.footer .phone{font-size: 0.48rem; color: #f6f4f4;}
.footer .copy-right{color: #5d5c5c; font-size: 0.16rem; padding: 0.2rem 0 0.4rem;}
.footer .copy-right a{color: #5d5c5c;}
.footer .copy-right a:hover{color: #eee;}
/* fix-footer */
.fix-footer{display: none;}
/* in-title */
.in-title{padding-top: 0.55rem;}
.in-title .tit{position: relative; font-size: 0.36rem; color: #333; border-bottom: 0.04rem solid #027ed4; padding-bottom: 0.2rem; line-height: 1; display: block;}
.in-title .in-nav-focus{width: 100%; line-height: 0.24rem; margin-top: 0.22rem;display: block;float: none;}
/* .in-title .swiper-container{margin-right: -0.35rem;} */
.in-title .swiper-slide{width: auto; padding: 0 0.35rem; font-size: 0.2rem; color: #666; touch-action: none;}
.in-title .swiper-slide.on,
.in-title .swiper-slide:hover{color: #027ed4;}
/* .in-title .swiper-slide + .swiper-slide{border-left: 1px solid #c1c1c1;} */
.in-title .swiper-slide{line-height: .4rem;position: relative;}
.in-title .swiper-slide::before{content: '';position: absolute;width: 1px;height: .2rem;background-color: #c1c1c1;right: 0;top: 50%;margin-top: -.1rem;}
/* m-product */
.com-page .in-nav-focus{margin-top: .8rem;}
.m-product .mp-list{overflow: hidden; margin-left: -1.6%; margin-top: 0.8rem;}
.m-product .mp-list .item{width: 31.73%; float: left; margin-left: 1.6%; border: 1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.24rem; overflow: hidden; color: #5c5c5c; font-size: 0.24rem; -webkit-box-shadow: 0 0 9px rgba(64, 64, 64, 0.15); box-shadow: 0 0 9px rgba(64, 64, 64, 0.15);}
.m-product .mp-list .item:hover{color: #027ed4;}
.m-product .mp-list .item:hover .img .jqthumb{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.m-product .mp-list .img{width: 100%; height: 3.8rem; overflow: hidden;}
.m-product .mp-list .img .jqthumb{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.m-product .mp-list .txt{line-height: 1rem; height: 1rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/* m-about */
.m-about .con{padding-top: 0.75rem; font-size: 0.14rem; color: #666; line-height: 0.3rem; padding-bottom: 1.1rem;}
.m-about .con .title{font-size: 0.3rem; font-weight: bold; color: #333; font-family: '微软雅黑'; line-height: 1; margin-bottom: 0.4rem;}
.m-about .con .des p{margin-top: 0.3rem;}
.m-about .con img{width: 100%;}
/* m-contact */
.m-contact .con{padding-top: 0.75rem; font-size: 0.24rem; color: #666; padding-bottom: 0.5rem;}
.m-contact .title{font-size: 0.3rem; font-weight: bold; color: #333; font-family: '微软雅黑'; line-height: 1; margin-bottom: 0.5rem;}
.m-contact .des{line-height: 1;}
.m-contact .des p{margin-bottom: 0.2rem; line-height: 0.3rem;}
/* m-link */
.m-link{padding-bottom: 0.3rem;}
.m-link .items{margin-top: 0.8rem; margin-left: -2.57%;}
.m-link .items .item{float: left; width: 22.43%; margin-left: 2.57%; height: 1.6rem; margin-bottom: 0.5rem; border: 1px solid #ededed; position: relative;}
.m-link .items .item:before,
.m-link .items .item:after{content: ''; position: absolute; z-index: 5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.m-link .items .item:before{width: 100%; border-left: 2px solid #027ed4; border-right: 2px solid #027ed4; height: 0; top: 50%;}
.m-link .items .item:after{width: 0; border-top: 2px solid #027ed4; border-bottom: 2px solid #027ed4; height: 100%; left: 50%; top: 0;}
.m-link .items .item:hover:before{height: 100%; top: 0;}
.m-link .items .item:hover:after{width: 100%; left: 0;}
/* m-crumbs */
.m-crumbs a{position: relative; display: block; float: left; font-size: 0.2rem; color: #666;}
.m-crumbs .link{margin-right: 0.2rem;}
.m-crumbs .link:hover{color: #027ed4;}
.m-crumbs .link + .link:before{content: ''; width: 0.08rem; height: 0.02rem; background-color: #8a8a8a; position: absolute; top: 50%; margin-top: -0.01rem; left: -0.14rem;}
.m-crumbs .back{margin-left: 0.3rem; color: #027ed4; padding-left: 0.14rem;}
.m-crumbs .back:before{content: ''; width: 0.06rem; height: 0.06rem; background-color: #027ed4; position: absolute; top: 50%; margin-top: -0.03rem; left: 0;}
/* m-news */
.m-news .m-page{margin: 0.55rem 0 1rem;}
.m-news .news-focus{margin: 0.8rem 0 0.7rem;}
.m-news .news-focus .img{width: 47%; height: 3.7rem;}
.m-news .news-focus .text{padding-left: 50.7%; color: #666;}
.m-news .news-focus .text:hover .tit{color: #027ed4;}
.m-news .news-focus .tit{font-size: 0.22rem; margin: 0.35rem 0 0.28rem; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m-news .news-focus .time{font-size: 0.2rem; margin-bottom: 0.26rem;}
.m-news .news-focus .des{font-size: 0.14rem; line-height: 0.3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.m-news .news-focus .swiper-button-next.swiper-button-disabled,
.m-news .news-focus .swiper-button-prev.swiper-button-disabled{pointer-events: inherit; opacity: 1; cursor: not-allowed;}
.m-news .news-focus .swiper-button-prev,
.m-news .news-focus .swiper-button-next{width: 0.6rem; height: 0.4rem; border: 1px solid #e0e0e0; background-image: none; bottom: 0.27rem; top: auto; margin-top: 0; right: auto; left: 50.7%; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.m-news .news-focus .swiper-button-prev:before,
.m-news .news-focus .swiper-button-next:before{content: ''; width: 0.11rem; height: 0.21rem; position: absolute; top: 50%; left: 50%; margin-top: -0.1rem; margin-left: -0.05rem;}
.m-news .news-focus .swiper-button-next{margin-left: 0.8rem;}
.m-news .news-focus .swiper-button-next::before{background: url(../images/news-btn.png) -0.11rem 0 no-repeat; background-size: 0.22rem;}
.m-news .news-focus .swiper-button-prev::before{background: url(../images/news-btn.png) no-repeat; background-size: 0.22rem;}
.m-news .news-list{margin-left: -1.83%;}
.m-news .news-list .item{width: 31.5%; float: left; margin-left: 1.83%; margin-bottom: 0.45rem; border-bottom: 1px solid #eaeaea; padding-bottom: 0.4rem;}
.m-news .news-list .item:hover .jqthumb{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.m-news .news-list .item:hover .tit{color: #027ed4;}
.m-news .news-list .item .img{width: 100%; height: 2.96rem; overflow: hidden;}
.m-news .news-list .item .jqthumb{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.m-news .news-list .item .tit{font-size: 0.22rem; color: #666; margin: 0.4rem 0 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m-news .news-list .item .time{font-size: 0.18rem; color: #999; margin-bottom: 0.3rem;}
.m-news .news-list .item .des{font-size: 0.14rem; color: #7a7a7a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 0.24rem; height: 0.48rem;}
/* m-news-detail */
.m-news-detail{padding: 0.4rem 0 1.5rem; background-color: #f5f5f5; min-height: 50vh;}
.m-news-detail .con{margin-top: 0.6rem;}
.m-news-detail .con .title{font-size: 0.36rem; color: #333; line-height: 1.2; margin-bottom: 0.25rem;}
.m-news-detail .con .time{font-size: 0.2rem; color: #666; margin-bottom: 0.4rem;}
.m-news-detail .con .des{border-top: 1px solid #e2e2e2; font-size: 0.14rem; color: #666; line-height: 0.3rem;}
.m-news-detail .con .des p{margin-top: 0.42rem;}
/* m-change */
.m-change{margin-top: 0.8rem;}
.m-change a{font-size: 0.16rem; color: #b5b5b5; border: 1px solid #b5b5b5; display: block; float: left; line-height: 0.4rem; padding: 0 0.16rem; margin-right: 0.3rem; max-width: 50%;}
.m-change a i{display: inline-block; line-height: 0.4rem; margin-right: 0.05rem;}
.m-change a:hover{color: #027ed4; border-color: #027ed4;}
/* m-pro-detail */
.m-pro-detail{padding-bottom: 1.1rem;}
.m-pro-detail .top-con{width: 100%; position: relative; margin-top: 0.8rem;}
.m-pro-detail .d-big{width: 47.22%; height: 5.66rem;}
.m-pro-detail .d-big img{width: 100%; height: 100%;}
.m-pro-detail .d-small{width: 48.4%; position: absolute; bottom: 0; right: 0;}
.m-pro-detail .d-small .swiper-slide{width: 2.05rem; height: 1.7rem; cursor: pointer; position: relative;}
.m-pro-detail .d-small .swiper-slide img{width: 100%; height: 100%;}
.m-pro-detail .d-small .swiper-button-prev,
.m-pro-detail .d-small .swiper-button-next{width: 0.46rem; height: 0.46rem; margin-top: -0.23rem; outline: none;}
.m-pro-detail .d-small .swiper-button-prev{left: 0; background: rgba(0, 0, 0, 0.5) url(../images/pro-prev.png) no-repeat center center / 0.14rem 0.25rem;}
.m-pro-detail .d-small .swiper-button-next{right: 0; background: rgba(0, 0, 0, 0.5) url(../images/pro-next.png) no-repeat center center / 0.14rem 0.25rem;}
.m-pro-detail .d-small .swiper-button-next.swiper-button-disabled,
.m-pro-detail .d-small .swiper-button-prev.swiper-button-disabled{opacity: 1; pointer-events: initial; cursor: not-allowed;}
.m-pro-detail .d-small .swiper-slide-thumb-active{border: 0.02rem solid #027ed4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.m-pro-detail .text{width: 48.4%;}
.m-pro-detail .text .name{font-size: 0.4rem; color: #333; padding: 0.25rem 0 0.45rem;}
.m-pro-detail .text .des{font-size: 0.22rem; color: #666; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; 
    line-height: 0.34rem;  text-overflow: clip; display: block; 
    -webkit-line-clamp: none; padding: 0.25rem 0 0.8rem;}
.m-pro-detail .detail{margin-top: 0.87rem; font-size: 0.16rem; color: #666;}
.m-pro-detail .detail .title{font-size: 0.3rem; color: #333; padding-bottom: 0.25rem; border-bottom: 1px solid #d8d8d8;}
.m-pro-detail .detail .tit{font-size: 0.18rem; color: #333;}
.m-pro-detail .detail .des{margin: 0.3rem 0; line-height: 0.3rem;}
.m-pro-detail img{max-width: 100%;}
/* m-mes */
.m-mes{padding: 0 1.1rem; min-height: 6rem;}
.m-mes .tit{font-size: 0.24rem; color: #666;}
.m-mes .des{font-size: 0.14rem; color: #999; line-height: 0.5rem;}
.m-mes .form{width: 100%; margin-top: 1rem;}
.m-mes .form .inp-box{margin-left: -2%;}
.m-mes .form .inp{width: 31.2%; margin-left: 2%; line-height: 0.42rem; height: 0.42rem; float: left; border: 0; border-bottom: 1px solid #e6e6e6;}
.m-mes .form .con{width: 100%; height: 1.5rem; border: 0; border-bottom: 1px solid #e6e6e6; padding-top: 0.1rem;}
.m-mes .form .bot{margin-top: 0.4rem;}
.m-mes .form .bot .l-con{line-height: 0.5rem;}
.m-mes .form .bot .l-con .label,
.m-mes .form .bot .l-con .code{display: inline-block; vertical-align: middle; font-size: 0.18rem; color: #666; margin-right: 0.2rem;}
.m-mes .form .bot .l-con .label .text,
.m-mes .form .bot .l-con .code .text{width: 1rem; height: 0.35rem; line-height: 0.35rem; border: 1px solid #dedede; padding-left: 0.05rem;}
.m-mes .form .bot .l-con img{width: 1.15rem; height: 0.34rem;}
.m-mes .form .bot .r-con .btn{width: 2.1rem; height: 0.5rem; cursor: pointer; font-size: 0.14rem; font-weight: bold;}
.m-mes .form .bot .r-con .btn.submit{background-color: #027ed4; color: #fff; border: 1px solid #027ed4; margin-right: 0.2rem;}
.m-mes .form .bot .r-con .btn.cancle{border: 1px solid #dedede; background-color: #fff; color: #999;}
.wx-pup{display: none;}
/* mobile */
@media screen and (max-width: 1000px){.header .nav .item{margin-left: 0.4rem;}}
@media screen and (max-width: 768px){/* header */ .com-title{padding-top: .6rem;} 
.in-banner{height: 2.2rem;}
.in-banner .swiper-slide{background-position: -2rem center;}
.wx-pup{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;}
.wx-pup .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.wx-pup .con{width: 3rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.wx-pup .con .img{width: 100%;height: 3rem;background-color: #fff;padding: .1rem;}
.wx-pup .con .img img{width: 100%;height: 100%;}
.wx-pup .con .close{width: .6rem;height: .6rem;background: url(../images/close.png) no-repeat;background-size: 100%;margin: .2rem auto;cursor: pointer;}
.header .nav{display: none; float: none; position: absolute; top: 0.9rem; left: 0; width: 100%; height: 100vh; background-color: #fff; border-bottom: 1px solid #eee;} .header .nav .item{border-top: 1px solid #eee; width: 100%; float: none; margin-left: 0; padding: 0 0.2rem;} .header .nav .item .sub-nav{position: relative; top: 0; text-align: left; padding-bottom: 0.3rem; border: 0;} .header .nav a{font-size: 0.24rem; line-height: 0.8rem;} .header .menu{display: block;} /* banner */ .banner{height: 5.5rem;} .banner .swiper-pagination .swiper-pagination-bullet-active{width: 0.8rem;} /* recommend */ .recommend .rec-box{height: auto;} .recommend .rec-l{width: 100%; position: relative; border-top: 1px solid #dedede;} .recommend .rec-l .swiper-container{width: 6.85rem; height: 1rem; position: absolute; left: 0;} .recommend .rec-l .swiper-container .swiper-slide{width: auto; height: 1rem; line-height: 1rem; min-width: 1.7rem; border-top: 0; border-right: 1px solid #dedede;} .recommend .rec-l .btn{height: 1rem; top: 0; width: 0.65rem; left: 6.85rem; border-top: 0;} .recommend .rec-l .btn::before{transform: rotate(-90deg);} .recommend .rec-r{padding-left: 0;} .recommend .rec-r .item .img{width: 100%; height: 6.24rem; position: relative; display: block;} .recommend .rec-r .item .swiper-pagination{padding-left: 0; bottom: 0.6rem;} .recommend .rec-r .text{padding: 0.65rem 0.3rem 1.3rem;} /* product */ .product-list{padding: 0; margin-left: -0.6rem;} .product-list .item{width: 3.45rem; margin-left: 0.6rem;} .product-list .item .img{height: 2.88rem;} /* com-page */ .com-page .in-nav-focus{margin-left: -0.35rem;} /* case */ .case .area{padding: 0 1rem;} .case .swiper-slide{width: 100%;} .case .swiper-slide .img{height: 6.7rem;} .case .swiper-button-prev{left: 0.3rem;} .case .swiper-button-next{right: 0.3rem;} /* news */ .news .news-focus{padding: 0 1rem;} .news .news-focus .swiper-slide{width: 100%;} .news .news-focus .swiper-slide .img{height: 3.54rem;} .news .news-focus .swiper-slide .tit{font-size: 0.28rem;} .news .news-focus .swiper-slide .des{font-size: 0.2rem; line-height: 0.34rem;} .news .news-focus .news-prev, .news .news-focus .news-next{display: block; top: 0; margin-top: 2.3rem;} .news .news-focus .swiper-button-prev{left: 0.3rem;} .news .news-focus .swiper-button-next{right: 0.3rem;} /* about */ .about .text, .about .ad{width: 100%; float: none;} .about .ad{height: 3.18rem;} .about .text{height: auto; padding: 0.65rem 0.3rem;} .about .text .des{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-height: 0.38rem;} /* link-focus */ .link-focus{margin: 0.7rem 0 0.2rem;} .link-focus .link-prev, .link-focus .link-next{display: none;} .link-focus .swiper-slide{width: 3.2rem; margin-bottom: 0.5rem;} /* footer */ .footer{margin-bottom: 1rem;} .footer .address{width: 100%;} .footer .tel, .footer .contact{display: none;} .footer .copy-right{font-size: 0.22rem;} .footer .copy-right .info{float: none; line-height: 0.4rem;} /* fix-footer */ .fix-footer{display: block; width: 100%; height: 1.2rem; border-top: 0.02rem solid #e2e2e2; position: fixed; left: 0; bottom: 0; z-index: 20; background-color: #fff; padding-top: 0.3rem;} .fix-footer .item{width: 25%; float: left; text-align: center;} .fix-footer .item.on .icon{background: url(../images/m-icon-s.png) no-repeat; background-size: 1.8rem;} .fix-footer .item.on p{color: #027ed4;} .fix-footer .item .icon{width: 0.45rem; height: 0.43rem; background: url(../images/m-icon.png) no-repeat; background-size: 1.8rem; display: block; margin: 0 auto;} .fix-footer .item .icon.on-line{background-position: -0.45rem 0;} .fix-footer .item .icon.tel{background-position: -0.9rem 0;} .fix-footer .item .icon.qq{background-position: -1.35rem 0;} .fix-footer .item p{font-size: 0.22rem; color: #666; margin-top: 0.05rem;} /* in-title */ .in-title .tit{float: none;} .in-title .in-nav-focus{width: 100%; float: none; max-width: 100%; margin-top: 0.3rem;} .in-title .swiper-slide{font-size: 0.24rem;} .in-title .swiper-container{margin-right: 0;} /* m-product */ .m-product .mp-list{margin-left: -0.2rem;} .m-product .mp-list .item{width: 3.35rem; margin-left: 0.2rem; margin-bottom: 0.2rem;} .m-product .mp-list .img{height: 2.9rem;} /* m-contact */ .m-contact .des p{line-height: 0.48rem;} /* m-about */ .m-about .title{font-size: 0.32rem;} .m-about .con{font-size: 0.24rem; line-height: 0.44rem;} /* m-link */ .m-link .items{margin-left: -0.2rem;} .m-link .items .item{width: 3.35rem; margin-left: 0.2rem;} /* m-news-detail */ .m-news-detail .con .des{font-size: 0.24rem; line-height: 0.44rem;} /* m-change */ .m-change a{font-size: 0.24rem; line-height: 0.5rem;} /* m-pro-detail */ .m-pro-detail .top-con{height: auto;} .m-pro-detail .d-big, .m-pro-detail .d-small, .m-pro-detail .text{width: 100%; float: none;} .m-pro-detail .d-small{bottom: auto; top: 6rem;} .m-pro-detail .text{margin-top: 2.2rem;} .m-pro-detail .text .des{padding-bottom: 0.25rem;} .m-pro-detail .detail{margin-top: 0.3rem;} .m-pro-detail .detail .des{font-size: 0.24rem; line-height: 0.4rem;} /* m-news */ .m-news .news-focus{border-bottom: 1px solid #e0e0e0; padding-bottom: 0.3rem;} .m-news .news-focus .swiper-container{padding-bottom: 0.8rem;} .m-news .news-focus .img{width: 100%; float: none;} .m-news .news-focus .tit{font-size: 0.3rem;} .m-news .news-focus .des{font-size: 0.24rem; line-height: 0.36rem;} .m-news .news-focus .time{font-size: 0.22rem;} .m-news .news-focus .text{padding-left: 0;} .m-news .news-focus .swiper-button-prev, .m-news .news-focus .swiper-button-next{bottom: 0;} .m-news .news-focus .swiper-button-prev{left: 2.5rem;} .m-news .news-focus .swiper-button-next{left: auto; right: 2.5rem; margin-left: 0;} .m-news .news-list{margin-left: -0.2rem;} .m-news .news-list .item{width: 3.35rem; margin-left: 0.2rem;} .m-news .news-list .item .tit{font-size: 0.3rem;} .m-news .news-list .item .des{font-size: 0.24rem; line-height: 0.36rem; height: 0.72rem;} .m-news .news-list .item .time{font-size: 0.22rem;} /* m-mes */ .m-mes{padding: 0 0.3rem;} .m-mes .tit{font-size: 0.3rem;} .m-mes .des{font-size: 0.24rem;} .m-mes .form{margin-top: 0.5rem;} .m-mes .form .inp-box{margin-left: 0;} .m-mes .form .inp{width: 100%; margin-left: 0; line-height: 0.8rem; height: 0.8rem; font-size: 0.2rem;} .m-mes .form .bot .l-con{float: none; width: 100%; line-height: 0.8rem; margin-bottom: 0.2rem;} .m-mes .form .bot .l-con .label{font-size: 0.2rem;} .m-mes .form .bot .l-con .label .text{width: 2rem; line-height: 0.6rem; height: 0.6rem;} .m-mes .form .bot .r-con{float: none; width: 100%;} .m-mes .form .bot .r-con .btn{height: 0.6rem; line-height: 0.6rem;}}